<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:ic="http://ivyteam.ch/jsf/component"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:pm="http://primefaces.org/mobile">
 
    <h:head>
        <title>Login</title>
    </h:head>
    <h:body>
        <h:form id="myForm" style="background-color: silver; padding: 20px; margin: auto; width: 330px; margin-top: 120px;">
    	 		<h:panelGrid columns="2" cellpadding="5" columnClasses="label-top">
    	 			<p:outputLabel value="Username" for="inputTextUsername"/>  
    	 			<p:inputText value="#{data.username}" id="inputTextUsername" required="true" />

    	 			<p:outputLabel value="Password" for="inputTextPassword"/>
    	 			<p:password value="#{data.password}" id="inputTextPassword" required="true"/>
	    	 		
    	 		</h:panelGrid>
    	 		<p:commandButton value="Login" actionListener="#{logic.login}" update="@form" id="SendButton"/>
        </h:form>    	
    </h:body>
</html>